/*______   CLEARFIX   ______*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*______   ITEM PANEL   ______*/

.item-panel {
	position: relative;
}

.item-panel h4 {
  margin-top: 10px;
}

.item-panel h4 span{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 24px;
  max-height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 500;
}

.item-panel .post-type {
  position: absolute;
  top: 6px;
  left: 6px;
  background-color: #B10504;
  padding: 8px 12px;
  color: #FFF;
  display: none;
}

.item-panel p.title a,
.item-panel p.title span {
	display: inline-block;
  vertical-align: middle;
}

.item-panel p.title a {
  max-width: 60%;
  box-sizing: border-box;
}

/*events*/
.events .item-panel > div {
	overflow: hidden;
  position: relative;
}

.events .flexbox-panel {
	margin-bottom: 0px;
}

.events .flexbox-info,
.event-panel .flexbox-info {
	min-height: 166px;
}

/*______   AUTHOR PANEL   ______*/

.hero-panel .author-panel {
	position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
  margin: 0px;
  background-color: rgba(0,0,0,0.6);
  z-index: 1;
}

.author-panel img {
	float: left;
  display: block;
}

.author-panel p {
	color: #FFF;
  margin-bottom: 0px;
}

.author-panel > .title {
  line-height: 30px;
  margin-left: 40px;
  position: relative;
}

.author-panel > div {
  margin-left: 60px;
  position: relative;
}

.author-panel > div h5 {
	padding-bottom: 0px;
}


/*______   HERO PANEL   ______*/

.hero-panel {
	position: relative;
}

.hero-panel > img {
	display: block;
  width: 100%;
  height: auto;
}

.hero-panel .author-panel {
	font-size: 14px;
}

.edit-item {
  position: absolute;
  margin: 4px;
  top: 0px;
  left: 0px;
  display: inline-block;
  padding: 3px;
  line-height: 20px;
  font-size: 16px;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: rgba(255,255,255,0.6);
  border-radius: 50%;
  color: #284974;
  z-index: 4;
}


/*______ SHARE SOCIAL ______*/

.share-social {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 5;
  overflow: hidden;
  width: 30px;
  height: 30px;
}

.share-social ul {
  list-style: none;
  background-color: #DEDEDE;
  color: #b10504;
  position: relative;
  left: 0px;
  width: 120px;
  height: 30px;        
}

.share-social ul li {
  float: left;
  cursor: pointer;
}

.share-social ul li:hover {
  color: #FFF;
  background-color: #b10504;
}

.share-social i {
  display: block;
  padding: 6px;
  font-size: 18px;
}

.share-social .share {
  color: #FFF;
  background-color: #b10504;
}
      

/*______   COLUMNS   ______*/

.col2 .holder,
.col3 .holder,
.col4 .holder,
.col5 .holder {
	margin: -0.7em;
}

.col2 .item-panel,
.col3 .item-panel,
.col4 .item-panel,
.col5 .item-panel {
  float: left;
  padding: 0.7em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
} 

/*COL2*/

.col2 .item-panel {
  width: 50%;
}

.col2 .item-panel:nth-child(2n+1) {
	clear: both;
}


/*COL3*/

.col3 .item-panel {
  width: 33.33%;
}

.col3 .item-panel:nth-child(3n+1) {
	clear: both;
}

/*COL4*/

.col4 .item-panel {
  width: 25%;
}

.col4 .item-panel:nth-child(4n+1) {
	clear: both;
}



/*Underhero*/

.underhero .item-panel .post-type {
	display: block;
}

/*LIST NEWS INDEX*/

.list-news .hero-panel img {
	width: auto;
}

/*BANNER REGISTER*/
.banner-register {
	padding: 20px;
  margin-bottom: 2.85em;
  background-color: #FFF;
  overflow:hidden;
  border-radius: 10px;
  border: 3px solid #b10504;
}

.banner-register img {
	float: left;
}

.banner-register h2,
.banner-register .button {
  text-align: center;
	position: relative;
  margin-left: 178px;
}

.banner-register h2 {
	color: #b10504;
}

.banner-register .button a {
	display: inline-block;
  padding: 6px 10px;
  background-color: #b10504;
  color: #FFF;
  margin: 10px 0px;
  font: 18px 'Dosis', Arial, san-serif;
  border-radius: 4px;
}

/**/

.news-highlight .content-float h2 {
  color: #FFF;
  text-shadow: 1px 2px 2px #333;
  font-size: 37px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 42px;
  max-height: 84px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-highlight .content-float {
	position: absolute; 
  bottom: 0px;
  left: 0px;
  padding: 20px;
  max-width: 80%;
  box-sizing: border-box;
  z-index: 1;
  
}
.news-highlight .content-float > div {
  position: relative;
}

.news-highlight .content-float .author-panel {
	position: static;
  background-color: transparent;
  padding: 0px;
}

.news-highlight .content-float > div h4 {
	color: #EAEAEA;
}

.news-highlight .hero-panel:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*______   CATEGORY PAGE   ______*/

.ch-feeds-stream .item-panel {
	margin-bottom: 50px;
	overflow: hidden;
}

.ch-feeds-stream .post-type {
	display: block;
}

.ch-feeds-stream .flexbox-panel {
	margin-bottom: 0px;
}

.ch-feeds-stream .odd,
.ch-feeds-stream .even {
	float: left;
  width: 48.5%;
}

.ch-feeds-stream .odd {
	margin-right: 3%;
}

/*DOCS*/
.item-panel .doc-hero {
	float: left;
}

.item-panel .doc-info {
	position: relative;
  margin-left: 100px;
  padding: 10px 20px;
  background-color: #FFF;
  height: 124px;
}

.item-panel .doc-info h4 {
	margin-top: 0px;
}


/*EVENTS*/

.panel-date {
  background-color: #fe201f;
  color: #FFF;
  padding: 20px;
  text-transform: uppercase;
  text-align: center;
  width: 140px;
  position: relative;
  z-index: 3;
}

.panel-date .day {
  font-size: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
}

.panel-date p {
  font-size: 14px;
}

.flexbox-panel .fonticon-Location {
  position: absolute;
  top: 50%;
  right: -10px;
  margin-left: -12px;
  margin-top: -12px;
  padding: 5px;
  background-color: #fe201f;
  border-radius: 50%;
  z-index: 2;
  font-size: 14px;
}

.flexbox-panel .panel-location {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  right: 100%;
  padding: 20px;
  background-color: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
}

.flexbox-panel .panel-location p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    font-size: 20px;
}

.flexbox-panel:hover .panel-location {
  right: 0%;
  -webkit-transition: right 1s;
  -moz-transition: right 1s;
  -o-transition: right 1s;
  transition: right 1s;
}

.flexbox-panel .flexbox-info img {
	display: block;
}

/*______   HELP   ______*/

.open-close {
  position: absolute;
  right: 10px;
  top: 0px;
}
.open-close:after,
.open-close:before {
  content: "";
  display: block;
  font-size: 0px;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0px;
  border-style: solid;
  border-width: 4px;
}

.open-close:before {
  left: -4px;
  border-color: #333 #333 transparent transparent;
}

.open-close:after {
  right: -4px;
  border-color: #333 transparent transparent #333;
}

.open-close i {
  display: block;
  color: #FFF;font-size: 20px;
  background-color: #333;
  padding: 7px;
  border-radius: 0px 0px 5px 5px;
  cursor: pointer;
}

.help-wrapper.widget-content {
	margin: 0px;
}

.display-help {
	padding: 10px 20px;
  max-width: 900px;
  margin: 0px auto;
}

.display-help table{
	width: 100%;
}

.display-help .info-help {
}


/*______   FAQs   ______*/

.faqs-list {
	margin-left: 40px;
}

.faqs-list h2 {
	font-size: 20px;
  color: #333;
  position: relative;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

.faqs-list h2 i  {
	color: #b10504;
  font-size: 14px;
  display: inline-block;
  width: 20px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(0deg);
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
}

.faqs-list h2 i.rotate {
  transform: rotate(90deg);
	transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
}

.faqs-list .answer-panel {
  display: none;
}



.info-page > h2{
	text-align: center;
}

.info-page:after {
  max-width: 600px;
  margin: 40px auto;
	content:"";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(177,5,4,1) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(177,5,4,1)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(177,5,4,1) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(177,5,4,1) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(177,5,4,1) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(177,5,4,1) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.info-page table {
	table-layout: fixed;
  text-align: center;
}

.info-page table td {
	padding: 10px;
}

.info-page table td .img-holder {
	height: 100px;
  padding: 10px;
}

.categoriesitems {
	transform: translateY(-64px);
}

.colab-list h4 {
	font-size: 18px;
}

.colab-list.user-list h4 {
	font-size: 14px;
}

.user-list .flip-card h5 {
	font-size: 15px;
  padding-bottom: 2px;
}


.fourcol,
.threecol,
.twocol {
	font-size: 0px;
  margin: -10px;
}

.fourcol > div,
.threecol > div,
.twocol > div {
	display: inline-block;
  padding: 10px;
  -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  vertical-align: top;
}

.fourcol > div {
	width: 25%;
}

.threecol > div {
	width: 33.33%;
}

.twocol > div {
	width: 50%;
}